import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import router from '@/router'

// create an axios instance
const service = axios.create({
  // 请求的根路径
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})

// TODO：将来需要自己声明 axios 的请求和响应拦截器

// 请求拦截器
// axios.interceptors.request.use(fn1, fn2)
service.interceptors.request.use(function (config) {
  // Do something before request is sent
  // 全局统一添加 token
  config.headers.Authorization = store.getters.token
  // console.log(config)
  return config
}, function (error) {
  // Do something with request error
  return Promise.reject(error)
})

// 响应拦截器
// service.interceptors.response.use(fn1, fn2)
service.interceptors.response.use(function (response) {
  // 如果响应状态码是以 2xx 开头的，会触发成功的回调
  const { data } = response

  if (data.success) {
    // 业务成功
    return data
  } else {
    // 提示业务失败的原因
    Message.error(data.message)
    // 业务失败，需要把这次请求标记为失败
    return Promise.reject(new Error(data.message))
  }
}, function (error) {
  // 注意：如果要查看 error 对象的信息，需要调用 console.dir() 来查看
  // console.dir(error)
  // 1. 提示错误原因
  if (error.response && error.response.data) {
    Message.error(error.response.data.message)
  }

  // 2. 处理 token 失效的问题
  if (error.response && error.response.status === 401) {
    // token 过期啦
    // 1. 清空 vuex 中的 token
    store.commit('user/updateToken', '')
    // 2. 清空 vuex 中的 info
    store.commit('user/updateInfo', {})
    // 4. 清空 vuex 中的 routes
    store.commit('user/cleanRoutes')
    // 3. 强制跳转到登录页面
    router.push('/login')
  }
  // 如果响应状态码不是以 2xx 开头的，会触发失败的回调
  return Promise.reject(error)
})

export default service
